//弹出框
.popup {
	//dialog形式的弹出框
	/deep/.el-dialog {
		height: 70%;
		display: flex;
		flex-direction: column;
		.el-dialog__header {
			.el-dialog__title {
				font-size: 20px;
			}
		}
		.el-dialog__body {
			position: relative;
			flex: auto;
			display: flex;
			flex-direction: column;
			overflow: auto;
			padding: 30px 10px 10px 20px;
			.dialog-body {
				height: 100%;
				display: flex;
				flex-direction: column;
				.dialog-body-main{
					flex: 1;
					overflow: auto;
				}
				.dialog-body-footer{
					height: 50px;
					text-align: right;
					margin-top: 20px;
				}
			}
		}
		.dialog-footer {
			height: 50px;
		}
	}
	//drawer形式的弹出框
	/deep/.el-drawer {
		.el-drawer__header span {
			font-size: 20px;
		}
		.el-drawer__body {
			overflow: auto;
			.drawer-body {
				height: 100%;
				display: flex;
				flex-direction: column;
				.drawer-body-main {
					flex: 1;
					overflow: auto;
					> div {
						padding: 20px;
						display: flex;
						flex-direction: column;
						height: 100%;
					}
				}
				.drawer-body-footer {
					text-align: right;
					margin: 20px;
				}
			}
		}
	}
	
	//搜索栏
	.search {
		.search-btn {
			margin: 0 20px 20px 20px;
			display: inline-block;
		}
	}
	///操作栏
	.operator {
		margin-bottom: 10px;
	}
	//数据表格栏
	.dataTable {
		min-height: 50px;
		flex: auto;
		display: flex;
		flex-direction: column;
		.table {
			flex: auto;
		}
		.dataTable-operator {
			display: flex;
			justify-content: center;
		}
		.pageBar {
			margin-top: 30px;
			height: 10%;
		}
	}
}

/deep/ *:focus {
	outline: 0 !important;
}
